<template>
  <CommonContainer title="入库信息">
    <el-descriptions v-if="customerInfo">
      <el-descriptions-item label="车牌号" v-if="customerInfo.carInStorage">{{ customerInfo.carInStorage.carNo | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="入库里程(km)" v-if="customerInfo.carInStorage">{{ customerInfo.carInStorage.inboundMileage | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="入库油量(%)" :span="2" v-if="customerInfo.carInStorage">{{ customerInfo.carInStorage.inboundOilQuantity | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="年检到期日" v-if="customerInfo.carInStorage">{{ customerInfo.carInStorage.inStorageInspectionExpire | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="年检线上线下" v-if="customerInfo.carInStorage">{{ customerInfo.carInStorage.inStorageOnlineOffline == '1' ? '线上' : '线下' | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="是否我司年检" v-if="customerInfo.carInStorage">{{ customerInfo.carInStorage.isOurCompanyInspection == '0' ? '是' : '否' | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="年检附件" v-if="customerInfo.carInStorage">
        <image-common v-model="customerInfo.carInStorage.inspectionOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="入库里程表" v-if="customerInfo.carInStorage">
        <image-common v-model="customerInfo.carInStorage.inboundMileageOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="入库油量表" v-if="customerInfo.carInStorage">
        <image-common v-model="customerInfo.carInStorage.inboundOilQuantityOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="行驶证" v-if="customerInfo.carInStorage">
        <image-common v-model="customerInfo.carInStorage.drivingLicenseOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="车辆照片" v-if="customerInfo.carInStorage">
        <image-common v-model="customerInfo.carInStorage.carPhotoOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="登记照片" v-if="customerInfo.carInStorage">
        <image-common v-model="customerInfo.carInStorage.registrationCertificateOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="附件" :span="2" v-if="customerInfo.carInStorage">
        <image-common v-model="customerInfo.carInStorage.attachmentOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="备注" v-if="customerInfo.carInStorage">{{ customerInfo.carInStorage.remark | filterNull }}</el-descriptions-item>
    </el-descriptions>
  </CommonContainer>
</template>

<script>
export default {
  components: {},
  dicts: ['business_type', 'customer_level', 'customer_label'],
  props: {
    value: {
      type: Object,
    },
  },
  data() {
    return {
      ossId: '1759761984477720577',
    }
  },
  computed: {
    customerInfo: {
      get() {
        return this.value
        return this.useVModel.call(this)
      },
      set(val) {
        this.$emit('input', val)
      },
    },
  },
  methods: {},
  mounted() {},
}
</script>

<style lang="scss" scoped></style>
